import { ElDivider, ElPageHeader, ElScrollbar } from 'element-plus'
import { defineComponent, Fragment } from 'vue'
import { useI18n } from 'vue-i18n'
import { RouterView, useRouter } from 'vue-router'

export default defineComponent({
  setup() {
    const { t } = useI18n()
    const router = useRouter()

    return () => (
      <Fragment>
        <ElScrollbar height="100%">
          <ElPageHeader
            onBack={() => {
              router.push('/mapHome')
            }}
          >
            {{
              title: () => t('fan-hui')
            }}
          </ElPageHeader>
          <ElDivider></ElDivider>
          <RouterView />
        </ElScrollbar>
      </Fragment>
    )
  }
})
